{include file="common/head"/}
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  
  .avatar img{border-radius:10px;width:80%;margin:auto;}
  .nickname{font-weight:bold;font-size:0.8rem;line-height:2rem;}
  
  .bill_list{font-size:0.7rem;line-height:2.5rem;text-align:center;}
  .bill_list .aui-row:nth-child(2n){background:#f9f9f9;}
  .bill_list:nth-child(2n){background:#f8f7f7;}
  hr{border-bottom:1px solid #efefef;margin:15px 0}
  
  .accu div div{box-shadow: 0px 2px 12px #dedede;
    border-radius: 5px;
    margin: 6px;
    padding: 5px 10px;}
   .accu p{color:black;text-align:center;font-weight:bold;}
   .accu span{display:block;font-weight:normal;}
   .accu .title{line-height:2rem;font-size:0.9rem;}
   .accu span i{color:red;font-style:normal}
   
   .accu .aui-col-xs-12{margin-bottom:20px;}
</style>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded'>
  <h1>Bill</h1>
  
  {if condition='$type eq "fos"'}
  <div class='aui-row accu'>
  
     {volist name='list' id='vo'}
     <div class='aui-col-xs-12'>
	    <div class='aui-row'>
	     <p class='aui-col-xs-3 title'>{$vo.count|intval} FOS</p>
	     <p class='aui-col-xs-3'>交易数值<span>0.3%+<i>0.0%</i></span></p>
		 {if condition='$vo.is_end eq 1'}
		 <p class='aui-col-xs-3'>交易状态<span style='color:red'>已结束</span></p>
	     <p class='aui-col-xs-3'>交易时间<span>7天</span></p>
		 {else/}
	     <p class='aui-col-xs-3'>交易状态<span>{$vo.status|fmt_status1}</span></p>
	     <p class='aui-col-xs-3'>交易时间<span>
 		    {if condition='$vo.status eq 0'}
			  0
			  {else/}
			 {$vo.add_time|get_days}
			 {/if}
			 天
		 {/if}
		 </span></p>
		</div>
	 </div>
	 {/volist}
	 
 </div>
{/if} 
  
   {if condition='$type eq "f"'}
   <div class='aui-row aui-row-padded' align=center style='margin:10px 0;font-weight:bold;'>
	 <div class='aui-col-xs-4'>时间</div>
	 <div class='aui-col-xs-4'>数量</div>
	 <div class='aui-col-xs-4'>状态</div>
  </div>
  <div class='aui-row'>
     {volist name='list' id='vo'}
	 <div class='bill_list' >
	  <div class='aui-row aui-row-padded'>
		 <div class='aui-col-xs-4'>{$vo.add_time|fmt_date1}</div>
		 <div class='aui-col-xs-4' align=center>{$vo.count} F</div>
		 <div class='aui-col-xs-4'>{$vo.status|fmt_status_withdraw}</div>
	  </div>
	 </div>
	 {/volist}
	 
 </div>
{/if}
  
  <div class='aui-row aui-row-padded' align=center style='margin:10px 0;font-weight:bold;display:none;'>
	 <div class='aui-col-xs-4'>时间</div>
	 <div class='aui-col-xs-4'>数量</div>
	 <div class='aui-col-xs-4'>状态</div>
  </div>
  <div style='background:#f9f9f9; height:10px;'></div>
  <div class='bill_list' style='display:none;'>
	  <div class='aui-row aui-row-padded'>
		 <div class='aui-col-xs-4'>2018-0-25 09:43</div>
		 <div class='aui-col-xs-4' align=center>10 TCSN</div>
		 <div class='aui-col-xs-4'>每日签到</div>
	  </div>
	  <div class='aui-row aui-row-padded'>
		 <div class='aui-col-xs-4'>2018-0-25 09:43</div>
		 <div class='aui-col-xs-4' align=center>10 TCSN</div>
		 <div class='aui-col-xs-4'>每日签到</div>
	  </div>
	  <div class='aui-row aui-row-padded'>
		 <div class='aui-col-xs-4'>2018-0-25 09:43</div>
		 <div class='aui-col-xs-4' align=center>10 TCSN</div>
		 <div class='aui-col-xs-4'>每日签到</div>
	  </div>
	  <div class='aui-row aui-row-padded'>
		 <div class='aui-col-xs-4'>2018-0-25 09:43</div>
		 <div class='aui-col-xs-4' align=center>10 TCSN</div>
		 <div class='aui-col-xs-4'>每日签到</div>
	  </div>
  </div>
  
</div>
{include file="common/footer"/}
<script type="text/javascript">
    var type = location.search.replace('?', '');
	if(type==''){
	   $(".accu").remove();
	}
	
    var dialog = new auiDialog({})
	function tips(){
	    dialog.alert({
			title:"提示",
			msg:"敬请期待!",
			buttons:['确定']
		});
	}
</script>
</body>
</html>